.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.p-12 {
  padding: 12px;
}
.m-12 {
  margin: 12px;
}
.mr-8{
  margin-right: 8px;
}
.m-8 {
  margin: 8px;
}
.mx-12{
  margin: 0 12px;
}
.border-radius-8 {
  border-radius: 8px;
}
.mt-6{
    margin-top: 6px;
}
.mr-20{
  margin-right: 20px;
}
.mt-30{
  margin-top: 30px;
}
.mb-20{
  margin-bottom: 20px;
}
.mt-8{
    margin-top: 8px;
}
.my-8{
  margin: 8px 0;
}
.red-900 {
  color: #d60b0b !important;
}

.sn-border-bottom{
  border-bottom: #f0f0f0 1px solid;
}
.font-color-333333{
  color : #333333;
}
.icon-font-size-24{
  font-size: 24px;
}
.wechat-avatar{
  width: 90px;
  height:90px;
  border: 3px solid white;
  border-radius: 50%;
  overflow: hidden;
}
.wechat-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-swiper{
  object-fit:contain;
  width: 100%;
  height: 100%;
  max-height: 200px;
}

.input-search{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
}

.weui-photo-browser-modal{
  z-index: 99999;
}

.text-overflow-ellipsis{
  text-align: left;
  text-overflow:ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.background-color-white{
  background-color: white;
}

.weui-dialog{
  left: 50%;
}
.flow-root{
  display: flow-root;
}
.float-right{
  float: right;
}
.float-left{
  float: left;
}
.sn-content-position{
  position: relative;
}


html, body{
  height: 100%;
  width: 100%;
  margin:0;
  padding:0;
}


